// 实现使用函数调用xtx-message组件的逻辑
import { createVNode, render } from 'vue'
import XtxMessage from './index.vue'

export function Message ({ type, text }) {
  // 生成vnode
  const messageVNode = createVNode(XtxMessage, { type, text })
  // 动态生成一个容器
  const divContainer = document.createElement('div')
  // 添加到容器中
  document.body.appendChild(divContainer)
  render(messageVNode, divContainer)
  // 显示1.5s
  setTimeout(() => {
    render(null, divContainer)
  }, 1500)
}
